<script setup>
import S from './index';
import { ref, onMounted } from 'vue';
onMounted(() => {
    S.init('.canvas');
});
</script>
<template>
    <div class="background-canvas">
        <canvas class="canvas"></canvas>
        <!-- <script src="./index.js"></script> -->
    </div>
</template>
<style lang="less" scoped>
.background-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    user-select: none;
    background: -webkit-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
    background: -moz-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
    background: -o-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
    background: -ms-linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
    background: linear-gradient(top, rgb(203, 235, 219) 0%, rgb(55, 148, 192) 120%);
}
</style>
